<template>
  <el-alert
    type="info"
    center
    show-icon
    :closable="false"
  >
    {{redactOrAdd ? '修改商品信息' : '添加商品信息'}}
  </el-alert>
  <el-steps :active="active" align-center class="my-3" finish-status="success">
    <el-step title="基本信息"></el-step>
    <el-step title="商品参数"></el-step>
    <el-step title="商品属性"></el-step>
    <el-step title="商品图片"></el-step>
    <el-step title="商品内容"></el-step>
    <el-step title="完成"></el-step>
  </el-steps>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  name: 'alertAndSteps',
  props: {
    redactOrAdd: {
      type: Boolean,
      required: true
    },
    active: {
      type: Number,
      required: true
    }
  }
})
</script>
